<template>
	<!-- 导航条开始 -->
	<nav class="navbar navbar-expand-lg bg-light fixed-top p-3 shadow">
	  <div class="container">
	    <!-- navbar -->
	    <router-link to="/fruite" class="navbar-brand">
	      <img src="/fruite/index/images/logo.png" width="70px" class="me-1">
	    </router-link>
	    <!-- 折叠按钮 -->
	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
	      <span class="navbar-toggler-icon"></span>
	    </button>
		
	    <!-- 导航菜单 -->
	    <div class="collapse navbar-collapse" id="navbarNav">
	      <ul class="navbar-nav">
	        <li class="nav-item">
	          <a class="nav-link active text-warning" href="#">首页</a>
	        </li>
	        <li class="nav-item dropdown">
	          <a class="nav-link dropdown-toggle text-warning" href="#" id="navbarDropdown" role="button"
	            data-bs-toggle="dropdown" aria-expanded="false">
	            产品
	          </a>
	          <ul class="dropdown-menu">
	            <li><a class="dropdown-item text-warning" href="#">香蕉</a></li>
	            <li><a class="dropdown-item text-warning" href="#">葡萄</a></li>
	            <li><a class="dropdown-item text-warning" href="#">橘子</a></li>
	            <li><a class="dropdown-item text-warning" href="#">覆盆子</a></li>
	          </ul>
	        </li>
	        <li class="nav-item">
	          <a class="nav-link  text-warning" href="#">关于我们</a>
	        </li>
	        <li class="nav-item ">
	          <a class="nav-link text-warning" href="#">联系我们</a>
	        </li>
	      </ul>
	    </div>
	    <!-- 图标 -->
	    <div class="icon">
	      <a href="login.html" class="text-decoration-none text-danger">
	        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
	          class="bi bi-person-square m-2" viewBox="0 0 16 16">
	          <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0" />
	          <path
	            d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v-1c0-1-1-4-6-4s-6 3-6 4v1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z" />
	        </svg>
	      </a>
		
	      <a href="card.html" class="text-decoration-none text-danger">
	        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-shop m-2"
	          viewBox="0 0 16 16">
	          <path
	            d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0M1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5M4 15h3v-5H4zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm3 0h-2v3h2z" />
	        </svg>
	      </a>
		
	        <a href="" class="position-relative"  data-bs-toggle="offcanvas">
	          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-cart3 text-danger"
	          viewBox="0 0 16 16">
	          <path
	            d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2" />
	        </svg>
	        <span
	          class="badge rounded-pill text-bg-danger border position-absolute top-0 start-110 translate-middle">99+</span>
	        </a>
	        
	    </div>
	  </div>
	</nav>
		
</template>

<script>
</script>

<style>
</style>